<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 
        移动端适配 
        meta为元标签，name="viewport"表示对于视图窗口进行的设置
        content="width=device-width, initial-scale=1.0,user-scalable=no"
        width=device-width页面宽度等于设备宽高，initial-scale=1.0初始缩放比为1表示不缩放，user-scalable=no禁止用户手动缩放
    -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no" />
    <!-- 项目图标link:favicon -->
    <link rel="shortcut icon" href="https://img1.baidu.com/it/u=731710723,581112950&fm=26&fmt=auto" type="image/x-icon">
    <!-- 项目网页标题 -->
    <title>真题测试</title>
    <!-- 1.引入响应插件 -->
    <script src="libs/flexible.js"></script>
    <!-- 2.引入css初始化插件 -->
    <link rel="stylesheet" href="libs/reset.css">
    <!-- 3.引入真题测试页面的样式文件test.css -->
    <link rel="stylesheet" href="css/test.css">
    <!-- 4.引入阿里巴巴矢量图标库线上链接 -->
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_2994499_p55ajcjkx5i.css?spm=a313x.7781069.1998910419.82&file=font_2994499_p55ajcjkx5i.css">
    <!-- 5.手动引入抽离的公共样式文件 -->
    <link rel="stylesheet" href="css/public.css">
</head>
<body>
    <!-- 顶部导航 -->
    <div class="nav">
        <i class="iconfont icon-fanhui"></i>
        <span>2020年6月北京中考真题</span>
        <i class="iconfont icon-chakantiezifenxiang"></i>
    </div>
    <!-- 倒计时 -->
    <div class="count_down">
        <i class="iconfont icon-noun__cc"></i>
        <span>00:29:45</span>
    </div>
    <!-- 具体测试内容 -->
    <div class="content">
        <!-- 上-标题部分 -->
        <div>
            <span>单选题</span>
            <span>
                <u>1</u>/125
            </span>
        </div>
        <!-- 下-问题内容 -->
        <p>
            上课学习的小伙伴一定发财吗？
            上课学习的小伙伴一定发财吗？
            上课学习的小伙伴一定发财吗？
        </p>
        <!-- 单选区 -->
        <ul class="radio_box">
            <li>
                <div>
                    <span>A</span>
                    <span>一定</span>
                </div>
                <!-- 
                    参考课程选择页面 -实现单选按钮的样式自定义 
                    checked属性用于设置默认激活项
                -->
                <input type="radio" name="test" id="a" checked>
                <label for="a"></label>
            </li>
            <li>
                <div>
                    <span>B</span>
                    <span>肯定</span>
                </div>
                <input type="radio" name="test" id="b">
                <label for="b"></label>
            </li>
        </ul>
        <!-- 操作按钮 -->
        <div class="control_btn">
            <div>
                <button>上一题</button>
                <button>下一题</button>
            </div>
            <button>确认交卷</button>
        </div>
    </div>
</body>
</html>